<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, user-scalable=no">
<link rel="stylesheet" href="jquery-mobile/jquery.mobile.min.css" />
<script type="text/javascript" src="jquery-mobile/jquery.js"></script>
<script type="text/javascript" src="jquery-mobile/jquery.mobile.min.js"></script>
<title>Login</title>
<style type="text/css">
.portrait label.error, .landscape label.error {
    color: red;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 0.5em;
    width: 100%;
    float: none;
}
#remenberpwd{
	width:60%;
	margin-left:22%;
	}
#frmLogin{
	position:absolute;
	top:30%;
	margin-left:10%;
	width:80%;
	}
#submitbtn{
	margin-left:10%;
	}

.landscape label.error { display: inline-block;  }
.portrait label.error { margin-left: 0; display: block; }
em { color: red; font-weight: bold; }
</style>
<script type="text/javascript">
$(document).ready(function() {
    $("#loginBtn").tap(
	function(){
		window.location = "index.html";
	});
});

$(document).ready(function() {
    $("#registerBtn").tap(
	function(){
		alert("navigator.onLine = " + navigator.onLine);
		window.location = "register.html";
	});
});

</script>
</head>

<body>
<div data-role="page" class="ui-page-fullscreen">
<div data-role="content">
  <form id="frmLogin">
    <div data-role="fieldcontain">
      <label for="email">用户名:</label>
      <input type="text" id="email" name="email" class="required email" />
    </div>
    <div data-role="fieldcontain">
      <label for="password">密 码:</label>
      <input type="password" id="password" name="password" class="required" />
    </div>
    <div id="remenberpwd">
      <input type="checkbox" data-role="none"  name="checkbox-1" id="checkbox-0" class="custom" />
      <label data-role="none" for="checkbox-0">自动登录</label>
       <input type="checkbox" data-role="none" name="checkbox-1" id="checkbox-1" class="custom" />
      <label data-role="none" for="checkbox-1">记住密码</label>
    </div>
    <div id="submitbtn">
      <button class="btnLogin" type="submit" data-theme="e" data-inline="true" data-transition="none" id="loginBtn">登 录</button>
      <button class="btnLogin" type="submit" data-theme="e" data-inline="true" data-transition="none" id="registerBtn">注 册</button>
    </div>
  </form>
</div>
</div>
</body>
</html>
